<template>
<div>
    <div style="line-height:10px" :hidden="ss">
        <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      fixed
      prop="date"
      label="日期"
      width="150">
    </el-table-column>
    <el-table-column
      prop="name"
      label="审核编号"
      width="120">
    </el-table-column>
    <el-table-column
      prop="province"
      label="姓名"
      width="120">
    </el-table-column>
    <el-table-column
      prop="city"
      label="状态"
      width="120">
    </el-table-column>
   
    <el-table-column
      fixed="right"
      label="操作"
      >
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="text" size="small">审核通过</el-button>
      </template>
    </el-table-column>
  </el-table>
    </div>

    <div style="line-height:10px" :hidden="side">
         <el-card class="box-card">
   <div slot="header" class="clearfix">
    <span><el-image src='https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg'></el-image></span>
  </div>
    <div class="text item" style="text-align:left">
      <ul style="list-style:none">
          <li  style="width: 100%;height:20px;margin:0;padding:0">车主：张三</li>
          <li style="width: 100%;height:20px">车辆认证: 已通过</li>
      </ul>
      <el-button @click="b">新增</el-button>
      <el-divider direction="vertical"></el-divider>
      <el-button>删除</el-button>
    </div>
</el-card>
    </div>
    </div>
</template>

<script>
export default {
    name:"usercar",
    data() {
      return{
        ss:false,
        side:true,
         tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }]
      }
    },methods: {
      handleClick(){
        this.ss=true;
        this.side=false;
      },
      b(){
          this.$router.push({name:"userrenter"})
      }
    }
}
</script>

<style>
  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }


</style>